<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="front/include :: front_header"></head>
   <body>
      <!-- Header Area Start -->
      <header th:include="front/topbar :: topbar"></header>
      <!-- Header Area End -->

      <!-- 中部开始 -->
      <section class="peulis-breadcrumb-area">
         <div class="breadcrumb-top">
            <div class="container">
               <div class="col-lg-12">
                  <div class="breadcrumb-box">
                     <h2>文件中心</h2>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- 中部结束 -->

      <!-- Checkout Page Area Start -->
      <section class="checkout-page-area section_70">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="checkout-left-box">
                     <h3>文件中心</h3>
                     <table class="table table-hover" id="table" cellpadding="1" cellspacing="1">
                         <thead>
                           <tr style="background-color: #4B9BFF;color: #fff;margin: 0px">
                              <td width="5%">#</td>
                              <td width="30%">文件名字</td>
                              <td width="20%">上传者</td>
                              <td width="28%">上传时间</td>
                              <td width="12%">文件大小</td>
                              <td width="5%">操作</td>
                           </tr>
                         </thead>
                        <tbody style="margin: 0px">
                           <tr th:each="list : ${list}">
                              <td th:text="${listStat.count}">1</td>
                              <td th:text="${list.fileName}">文件名</td>
                              <td th:text="${list.uploadBy}"></td>
                              <td th:text="${list.uploadTime}">1</td>
                              <td th:text="${#numbers.formatDecimal(list.fileSize/1024/1024,0,0) eq '0' ? #numbers.formatDecimal(list.fileSize/1024,0,0)  +'KB' : #numbers.formatDecimal(list.fileSize/1024/1024,0,0) +'MB'}">1</td>
                              <td><a th:href="@{'/files/' + ${list.fileType} + '/' + ${list.fileName}}" th:download="${list.fileName}" class="btn btn-info" style="background-color: #0d8ddb;border: 0px;color: #fff">下载</a></td>
                           </tr>
                        </tbody>
                     </table>
                  </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Checkout Page Area End -->
       
       
      <!-- Footer Area Start -->
      <footer class="peulis-footer-area" th:include="front/footer :: footer"></footer>
      <!-- Footer Area End -->
       
       
      <!-- Sidebar Navigation Start -->
      <div class="ct-sidenav">
         <button class="close"><i class="fa fa-times"></i></button>
         <img src="assets/img/logo.png" alt="Site Logo" />
         <div class="sidenav-info">
            <p>Lorem Ipsum is simply dummied text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since when an unknown printer took a galley of type and scrambled it to make a type specimen book.printing and typesetting industry It has survived not only five centuries.</p>
            <ul class="sidenav-contact-info">
               <li>
                  <i class="fa fa-map-marker"></i>
                  <p>29 Division Pt <span>New York, NY 10002, USA</span></p>
               </li>
               <li>
                  <i class="fa fa-phone"></i>
                  <p> +0 (321) 984 754 <span>Give us a call</span></p>
               </li>
               <li>
                  <i class="fa fa-envelope"></i>
                  <p> support@example.com<span>24/7 online support</span></p>
               </li>
            </ul>
         </div>
         <div class="sidenav-social">
            <h3>Follow Us</h3>
            <ul>
               <li><a href="#"><i class="fa fa-twitter"></i></a></li>
               <li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
               <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               <li><a href="#"><i class="fa fa-instagram"></i></a></li>
            </ul>
         </div>
      </div>
      <!-- Sidebar Navigation End -->


      <div th:include="front/include :: front_footer"></div>
   </body>
</html>

